@function vw($px){
    @return($px/750)*100vw
} 
html, body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header{
        width: 100%;
        height:vw(100);
        position: relative;
        .one{
            width:vw(50);
            height:vw(50);
            padding-top:vw(25);
            float: left;   
        }
        .two{
            width:vw(450);
            height:vw(60);
            padding-left: vw(90);
            padding-top:vw(10);
            float: left;
        }
        .three{
            width:vw(50);
            height:vw(50);
            padding-top:vw(25);
            float: right;
        }  
    }
    main{
        flex: 1;
        height:100%;
        overflow: auto; 
    .one01{
        width: 100%;
        height: vw(350);
    }
    .two01{
        width: 100%;
        height:vw(160);
        display: flex;
        justify-content: space-around;
    a{
        text-decoration: none;
        color: black;
        font-size: 12px;
    }   
        img{
            width: vw(100);
            height: vw(100);
            margin: vw(10) vw(0);
        } 
    }
    .dee{
        width: 100%;
        height: vw(20);
        background-color: lightgray;
        float: left;
    }
    figure{
        width: 100%;
        .bos{
            width: 100%;
            height:60px;
            background-image: url(images/bg.png);
            background-repeat: no-repeat;
            background-size: 100%;
        .foot{
            width: 300px;
            height: 20px;
            float:right;
            .f{
                font-size: 14px;
                line-height: 20px;
                list-style: none;
                margin: 5px 0;
                .e{
                    font-size:12px;
                    border: 1px solid orange;
                    color: orange;
                }
            }   
        }      
        }
    }
    }
    .tu{
        width: 94%;
        height:200px;
        padding: 0 3%; 
        }
        .lie{ 
            width: 100%;
            ul{
                display: flex; 
                overflow: auto;
                padding: 0 3%; 
            li{
                font-size: 10px;
                .p{
                    width: 100px;
                    height: 120px;
                }    
                p{
                    font-size: 14px;
                    text-align: center;
                    font-weight: 600;
                } 
        }
    }
}
    .keen{
        display: flex;
        justify-content: space-around;
        li{
            height: 60px;
            font-size: 20px;
            text-align: center;
            line-height: 100px    
        }
    }
   .bb{
            width: 100%;
            height: 20px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            color: lightgray;
        }
    .zong{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        background-color:lightgray ;
        .d1{
            width: 165px;
            padding: 10px 3%;
           
            img{
                width: 165px;
                height: 200px;
                float: left;
            }
            .d2{
                width:165px;
                height:100px; 
                .d3{
                    font-size: 16px;
                    font-weight: 600;
                    color: crimson;
                }
                .d4{
                    float:right;
                    padding-right:10px;
                    font-size: 12px;
                    color: beige;
                }
            }
            .a1{
                float: right;
                border-radius: 20px 0 0px 20px;
                background: orangered;
                color:aliceblue;
                font-size: 12px;
                margin-top: -190px;
                padding-left: 10px;
            } 
        }
    }  
}
    footer{
        width: 100%;
        height:50px;
        .ttb{
        display: flex;
        justify-content: space-around;
        a{
            font-size: 10px;
            text-align: center;
            color: grey;
            img{
                width: 40px;
                height: 30px;
            }
        }
        a:hover{
            color: black;
        }
        }
        }

    
  


